<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="web">
    <header class="clearfix">
        <div class="h_left fl">
            <a href="index.html">
                <img src="img/logo.png">
            </a>
        </div>
        <div class="h_right fr">
            <div class="h_address">
                <select name="" id="">
                    <option value="1">广州</option>
                    <option value="2">深圳</option>
                </select>
                <i class="iconfont icon-xialajiantou"></i>
            </div>
        </div>
        <div class="h_center">
            <div class="search">
                <input type="text" placeholder="请输入商品名称">
                <i class="iconfont icon-sousuo"></i>
            </div>
        </div>
    </header>
    <main>
        <div>
            <div class="banner_all">
                <div class="banner">
                    <img src="img/index/banner_1.jpg" alt="轮播图">
                </div>
            </div>
            <div class="common_title_all index_activity">
                <div class="common_title clearfix">
                    <div class="ct_left">
                        <i class="iconfont icon-hua"></i>
                        <span>优惠团购</span>
                    </div>
                    <div class="more fr">
                        <span>更多</span>
                        <i class="iconfont icon-arrow-circle-o-right"></i>
                    </div>
                </div>
                <div class="activity_div_all">
                    <div class="activity_div_top clearfix">
                        <div class="activity_div fl">
                            <a href=""><img src="img/index/activity_1.jpg"></a>
                        </div>
                        <div class="activity_div fr">
                            <a href=""><img src="img/index/activity_2.jpg"></a>
                        </div>
                    </div>
                    <div class="activity_div_bottom clearfix">
                        <div class="activity_div fl">
                            <a href=""><img src="img/index/activity_3.jpg"></a>
                        </div>
                        <div class="activity_div fr">
                            <a href=""><img src="img/index/activity_4.jpg"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="common_title_all index_activity">
                <div class="common_title clearfix">
                    <div class="ct_left">
                        <i class="iconfont icon-aixin"></i>
                        <span>猜你喜欢</span>
                    </div>
                    <div class="more fr">
                        <span>更多</span>
                        <i class="iconfont icon-arrow-circle-o-right"></i>
                    </div>
                </div>
                <div class="guess_div_all">
                    <a href="pages/product.html">
                        <div class="guess_div clearfix">
                            <div class="guess_img">
                                <img src="img/index/youlove_1.jpg" alt="">
                            </div>
                            <div class="guess_info fr">
                                <div>
                                    <h2>万岁寿司（正佳店）</h2>
                                    <p class="fr"><100m</p>
                                </div>
                                <div class="guess_info_introduce">
                                    <p>[100店通用]<span>双人套餐</span></p>
                                </div>
                                <div>
                                    <b><i class="iconfont icon-552cd445ad39f"></i>88.00</b>
                                    <p class="fr">已售1000</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="pages/product.html">
                        <div class="guess_div clearfix">
                            <div class="guess_img">
                                <img src="img/index/youlove_1.jpg" alt="">
                            </div>
                            <div class="guess_info fr">
                                <div>
                                    <h2>万岁寿司（正佳店）</h2>
                                    <p class="fr"><100m</p>
                                </div>
                                <div class="guess_info_introduce">
                                    <p>[100店通用]<span>双人套餐</span></p>
                                </div>
                                <div>
                                    <b><i class="iconfont icon-552cd445ad39f"></i>88.00</b>
                                    <p class="fr">已售1000</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="pages/product.html">
                        <div class="guess_div clearfix">
                            <div class="guess_img">
                                <img src="img/index/youlove_1.jpg" alt="">
                            </div>
                            <div class="guess_info fr">
                                <div>
                                    <h2>万岁寿司（正佳店）</h2>
                                    <p class="fr"><100m</p>
                                </div>
                                <div class="guess_info_introduce">
                                    <p>[100店通用]<span>双人套餐</span></p>
                                </div>
                                <div>
                                    <b><i class="iconfont icon-552cd445ad39f"></i>88.00</b>
                                    <p class="fr">已售1000</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="pages/product.html">
                        <div class="guess_div clearfix">
                            <div class="guess_img">
                                <img src="img/index/youlove_1.jpg" alt="">
                            </div>
                            <div class="guess_info fr">
                                <div>
                                    <h2>万岁寿司（正佳店）</h2>
                                    <p class="fr"><100m</p>
                                </div>
                                <div class="guess_info_introduce">
                                    <p>[100店通用]<span>双人套餐</span></p>
                                </div>
                                <div>
                                    <b><i class="iconfont icon-552cd445ad39f"></i>88.00</b>
                                    <p class="fr">已售1000</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="common_title_all index_activity">
                <div class="common_title clearfix">
                    <div class="ct_left">
                        <i class="iconfont icon-hua"></i>
                        <span>优惠团购</span>
                    </div>
                    <div class="more fr">
                        <span>更多</span>
                        <i class="iconfont icon-arrow-circle-o-right"></i>
                    </div>
                </div>
                <div class="activity_div_all">
                    <div class="activity_div_top clearfix">
                        <div class="activity_div fl">
                            <a href=""><img src="img/index/activity_1.jpg"></a>
                        </div>
                        <div class="activity_div fr">
                            <a href=""><img src="img/index/activity_2.jpg"></a>
                        </div>
                    </div>
                    <div class="activity_div_bottom clearfix">
                        <div class="activity_div fl">
                            <a href=""><img src="img/index/activity_3.jpg"></a>
                        </div>
                        <div class="activity_div fr">
                            <a href=""><img src="img/index/activity_4.jpg"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="f_div">
            <ul>
                <li>
                    <a href="index.html">
                        <i class="iconfont icon-zhuye"></i>
                        <div>主页</div>
                    </a>
                </li>
                <li>
                    <a href="pages/classification.html">
                        <i class="iconfont icon-leimupinleifenleileibie"></i>
                        <div>分类</div>
                    </a>
                </li>
                <li>
                    <a href="pages/discover.html">
                        <i class="iconfont icon-faxian"></i>
                        <div>发现</div>
                    </a>
                </li>
                <li>
                    <a href="pages/myself.html">
                        <i class="iconfont icon-tubiao5"></i>
                        <div>我的</div>
                    </a>
                </li>
            </ul>
        </div>
    </footer>
</div>
</body>
<script type="text/javascript" src="js/rem.js"></script>
</html>